<template>
    
    <div class="heading">企业简介与注册信息</div>

    <el-descriptions title="企业注册信息展示" direction="vertical" :column="4" :size="size" border>
        <el-descriptions-item label="企业名：">{{ aaa.companyName }}</el-descriptions-item>
        <el-descriptions-item label="注册号：">{{ aaa.companyPhone }}</el-descriptions-item>
        <el-descriptions-item label="注册行业：">{{ aaa.companyTrade }}</el-descriptions-item>
        <el-descriptions-item label="法人：">
            <el-tag size="small">殷凡卓</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="企业地址：">河南省郑州市中原区中原中路41号
        </el-descriptions-item>
    </el-descriptions>
    <el-descriptions title="企业简介" direction="vertical" :column="4" :size="size" border></el-descriptions>

    <div style="height: 150px; width: auto; border-style:dashed;border-width: 0.1px;border-color: gray;border-radius:10px;">
        <el-text class="mx-1" size="large">
            <el-divider content-position="left" title="companyName">企业详情</el-divider>
            <p style="line-height: 25px; text-indent: 2em; color:black;">
                {{ aaa.companyInfo }}
                该公司创办于1996，全力打造读书与中原文化的传媒品牌，目前培养了多位有能力，有才华的一线主流网红。
            </p>
        </el-text>
    </div>
    <div
          style="height: 150px; width: auto; border-style:dashed;border-width: 0.1px;border-color: gray;border-radius:10px;">
          <p style="text-indent: 2em; color: #545c64; size: 3px;">
              1.本系统的此模块仅对与中原工学院有合作的企业开放，希望您可以严格遵守相关规定，如果遇到任何问题请及时和校内负责人联系；
          </p>
          <p style="text-indent: 2em; color: #545c64; size: 3px;">2.禁止出现卖货、打广告、引导学生就业等违规行为；</p>
          <p style="text-indent: 2em; color: #545c64; size: 3px;">3·请严格遵守系统使用规则，不外传账号，禁止借助他人使用系统，禁止泄露学生各项信息，如果发现追究法律责任；</p>
      </div>
</template>

<script setup>
import { computed, ref,onBeforeMount } from 'vue'
import requests from '@/api/ajax.js'

const size = ref('')
const blockMargin = computed(() => {
    const marginMap = {
        large: '32px',
        default: '28px',
        small: '24px',
    }
    return {
        marginTop: marginMap[size.value] || marginMap.default,
    }
})



const aaa = ref([{
    companyId: '',
    companyName: '',
    companyInfo: '',
    companyPhone: '',
    companyTrade: '',
    companyPassword: '',
}])

onBeforeMount(() => {

    //请求学生信息
    const aacom = requests({ url: "/company/companyDetail", method: "get", }).then(res => {
        //存储信息到浏览器toke
        const abc = res.rdata
        aaa.value = abc
        console.log(res)
    })
        .catch(err => {
            console.error(err.data);
            // 登录请求失败后的操作
        });
})


</script>

<style scoped>
.el-descriptions {
    margin-top: 20px;
}
</style>